<template>
  <div class="about-us-page">
    <div class="content" :class="[activeFontClass]">
      <div class="title">资料准备中...</div>
    </div>
  </div>
</template>
<script>

export default {
  name: 'JoinUs',
  data() {
    return {
      activeClass: "",
      activeFontClass: ""
    }
  },
  methods: {
    addAnimate() {
      this.activeFontClass = "display animate__animated animate__fadeIn"
    },
    removeAnimate() {
      this.activeClass = "";
      this.activeFontClass = "";
    }
  }
}
</script>
<style lang="scss" scoped>
.about-us-page {
  height: 100vh;
  background-image: url("../assets/images/gywm.png");
  background-size: cover;

  .display {
    display: block !important;
  }


  .content {
    width: 100%;
    display: none;
    position: absolute;
    top: 214px;
    text-align: left;

    .title {
      width: 100%;
      font-size: 48px;
      font-weight: 400;
      color: #666;
      text-align: center;
    }

    .discribe {
      width: 1187px;
      font-size: 18px;
      font-weight: 400;
      color: #666;
      margin: 0 auto;
      p{
        line-height: 2;
        text-indent: 2em;
        padding-top: 40px;
      }
    }
  }
}
</style>